﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>什么是 Markdown</title>
</head>
<body>
<pre>
## 什么是 Markdown

Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，**粗体** 或者 *斜体* 某些文字，更棒的是，它还可以

------

## Markdown 简明语法手册

### 1. 斜体和粗体

使用 * 和 ** 表示斜体和粗体。

示例：

这是 *斜体*，这是 **粗体**。

### 2. 分级标题

使用 === 表示一级标题，使用 --- 表示二级标题。也可以选择在行首加井号表示不同级别的标题 (H1-H6)，例如：# H1, ## H2, ### H3，#### H4, ##### H5, ###### H6。

示例：

```
这是一个一级标题
============================

这是一个二级标题
--------------------------------------------------

# 这也是一个一级标题

## 这是二级标题

### 这是一个三级标题

#### 这是4级标题

##### 这是5级标题

###### 这是6级标题
```

### 3. 外链接

使用 \[描述](链接地址) 为文字增加外链接。

示例：

这是去往 [本人博客](http://yangyxd.github.com) 的链接。

这是一个自动发现的超链接 http://yangyxd.github.com

### 4. 无序列表

使用 *，+，- 表示无序列表。

示例：

- 无序列表项 一
- 无序列表项 二
- 无序列表项 三

### 5. 有序列表

使用数字和点表示有序列表。

示例：

1. 有序列表项 一
2. 有序列表项 二
3. 有序列表项 三

### 6. 文字引用

使用 &gt; 表示文字引用。

示例：

&gt; 野火烧不尽，春风吹又生。

### 7. 行内代码块

使用 \`代码` 表示行内代码块。

示例：

让我们聊聊 `html`。

### 8.  代码块

使用 **四个缩进空格** 表示代码块。

示例：

    这是一个代码块，此行左侧有四个不可见的空格。

### 9.  插入图像

使用 \!\[描述](图片链接地址) 插入图像。

示例：

![我的头像](https://www.baidu.com/img/flexible/logo/pc/result.png)

### 10. 删除线

使用 ~~ 表示删除线。

~~这是一段错误的文本。~~

### 11. 标签分类

在编辑区任意行的列首位置输入以下代码给文稿标签：

标签： 数学 英语 Markdown

### 12. 内嵌图标

使用

    :fa-weibo:
    :weibo:
    或
    &lt;i class="icon-weibo"&gt;&lt;/i&gt;

即显示微博的图标： &lt;i class="icon-weibo icon-2x"&gt;&lt;/i&gt; :weibo:

替换 上述的 `weibo` 替换掉以显示不同的图标，例如：

:fa-calendar: :fa-bullseye: :compass: :fa-font: :fa-qrcode: :fa-pencil: :forward: :fire:

更多的图标和玩法可以参看 [font-awesome](http://fortawesome.github.io/Font-Awesome/3.2.1/icons/) 官方网站。

### 13. 注脚

使用 [^keyword] 表示注脚。

这是一个注脚[^footnote]的样例。

这是第二个注脚[^footnote2]的样例。

[^footnote]: 这是一个 *注脚* 的 **文本**。

[^footnote2]: 这是另一个 *注脚* 的 **文本**。

### 14. LaTeX 公式

$ 表示行内公式：

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。

$$ 表示整行公式：

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\sum^{j-1}_{k=0}{\widehat{\gamma}_{kj} z_k}$$

访问 [MathJax](http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference) 参考更多使用方法。

### 15. 加强的代码块

支持四十一种编程语言的语法高亮的显示，行号显示。

非代码示例：

```
$ sudo apt-get install vim-gnome
```

Python 示例：

```python
@requires_authorization
class SomeClass:
    pass

if __name__ == &#39;__main__&#39;:
    # A comment
    print &#39;hello world&#39;
```

### 16. 流程图

```flow
st=&gt;start: Start
op=&gt;operation: Your Operation
cond=&gt;condition: Yes or No?
e=&gt;end

st-&gt;op-&gt;cond
cond(yes)-&gt;e
cond(no)-&gt;op
```

### 17. 序列图

```seq
Title: Here is a title
A-&gt;B: Normal line
B--&gt;C: Dashed line
C-&gt;&gt;D: Open arrow
D--&gt;&gt;A: Dashed open arrow
```

### 17. 甘特图

```gantt
    title 项目开发流程
    section 项目确定
        需求分析       :a1, 2016-06-22, 3d
        可行性报告     :after a1, 5d
        概念验证       : 5d
    section 项目实施
        概要设计      :2016-07-05  , 5d
        详细设计      :2016-07-08, 10d
        编码          :2016-07-15, 10d
        测试          :2016-07-22, 5d
    section 发布验收
        发布: 2d
        验收: 3d
```

### 18. PlantUML

#### PlantUML 序列图：
```plantuml
@startuml
Alice-&gt;Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob--&gt;Alice: I am good thanks!
@enduml
```
#### PlantUML 流程图：
```plantuml
@startuml
start
    :开始;
partition 后端处理{
    :处理中;
    if(会员ID?) then
        :返回token;
    else
        :返回消息，需要注册/绑定;
    endif;
}
    if(token?) then
        :进入主界面;
        else
        :进入注册绑定解密;
        endif;
stop
@enduml
```

更多语法参考：[PlantUML 官网](https://plantuml.com/zh/)

### 19. Mermaid 流程图

```graphLR
    A[Hard edge] --&gt;|Link text| B(Round edge)
    B --&gt; C{Decision}
    C --&gt;|One| D[Result one]
    C --&gt;|Two| E[Result two]
```

#### 更多语法参考：[Mermaid 流程图语法参考](https://knsv.github.io/mermaid/#flowcharts-basic-syntax)

### 20. Mermaid 序列图

```sequence
    Alice-&gt;John: Hello John, how are you?
    loop every minute
        John--&gt;Alice: Great!
    end
```

### 21. Mind 思维导图

#### 思维导图（Markdown标题形式）

```mind
# 脑图
## 文集
### 文档
### 模板
## 用户
### 登录
### 注册
## 图片
## 附件
```

#### 思维导图（层级列表形式）

```mind
# 大白先生博客
- 基础编程
- 数据应用
    - 数据采集
    - 数据分析
        - 数据清洗
        - 数据可视化
        - 数据挖掘
- Web开发
- 图形界面开发
- 渗透测试
```

#### 思维导图（指定高度）
```mind
@height 500px
# Python生态
## 数据采集
## 数据分析
### 数据挖掘
### 机器学习
### 自然语言处理
## Web开发
### Django
### Flask
## 图形界面开发
## 渗透测试
```

### 22. 表格支持

| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |
| 管线        |    \$1    |  234  |

### 23. 定义型列表

名词 1
:   定义 1（左侧有一个可见的冒号和四个不可见的空格）

代码块 2
:   这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）

        代码块（左侧有八个不可见的空格）

### 24. 待办事宜 Todo 列表

使用带有 [ ] 或 [x] （未完成或已完成）项的列表语法撰写一个待办事宜列表，并且支持子列表嵌套以及混用Markdown语法，例如：

    - [ ] **Markdown 开发**
        - [ ] 支持以 PDF 格式导出文稿
    - [ ] **七月旅行准备**
        - [ ] 准备邮轮上需要携带的物品
        - [ ] 浏览日本免税店的物品
        - [x] 购买蓝宝石公主号七月一日的船票

对应显示如下待办事宜 Todo 列表：

- [ ] **Markdown 开发**
    - [ ] 支持以 PDF 格式导出文稿
- [ ] **七月旅行准备**
    - [ ] 准备邮轮上需要携带的物品
    - [ ] 浏览日本免税店的物品
    - [x] 购买蓝宝石公主号七月一日的船票

### 25. Html 标签

支持在 Markdown 语法中嵌套 `Html` 标签，譬如，你可以用 Html 写一个纵跨两行的表格：

&lt;table&gt;
    &lt;tr&gt;
        &lt;th rowspan="2"&gt;值班人员&lt;/th&gt;
        &lt;th&gt;星期一&lt;/th&gt;
        &lt;th&gt;星期二&lt;/th&gt;
        &lt;th&gt;星期三&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;李强&lt;/td&gt;
        &lt;td&gt;张明&lt;/td&gt;
        &lt;td&gt;王平&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;

### 26. 内容目录

在段落中填写 `[TOC]` 以显示全文内容的目录结构。

[TOC]

</pre>
</body>
</html>